@import "./config.css";

/* 公共样式 */
html,
body {
  width: 100%;
  height: 100%;
}

a {
  text-decoration: none;
}

.itemNone {
  margin-top: 50px;
  height:147px;
  padding-top: 120px;  
  background:url('~@/assets/images/none.png')no-repeat center;
}


.itemNone p {
  text-align: center;
  font-size: 14px;
  color: #999;
  
}
.el-textarea .el-input__count {
  background-color: transparent;
  bottom: -27px !important;
}
.itemNone2 {
  width:270px;
  height:120px;
  padding-top:90px;
  background:url('~@/assets/images/none.png')no-repeat center;
  background-size: 140px 110px;
}


.itemNone2 p {
  text-align: center;
  font-size: 13px;
  color: #999;
  
}
.v-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
.el-table__fixed-right{
  height: 100% !important; 
 }
 /*css滚动条主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
  width: 4px;
  /*对垂直流动条有效*/
  height: 8px;
  /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px #0d3574; */
  background-color: #ececec;
  border-radius: 3px;
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

/* 定义两端按钮的样式
::-webkit-scrollbar-button {
background-color:cyan;
} */

/* 定义右下角汇合处的样式
::-webkit-scrollbar-corner {
background:khaki;
} */

.commonWrapper{
  background-color: #eff4f9;
}
.banner{
  display: block;
  width:100%;
}
/* 适用桌面设备的样式 */
@media (min-width: 1650px) {
  .indexContainer{
    width: 1380px;
    margin: 0 auto;
  }
}
/* 适用于平板的样式1200-1650 */
@media (min-width: 1200px) and (max-width: 1650px) {
  .indexContainer{
      width: 100% !important;
      margin: 0 auto;
      padding:0 30px;
  }
}

/* 适用桌面设备的样式 */  
@media (min-width: 1200px) {  
  .container {
    width: 1200px;
    margin: 0 auto;
  }
  
}  

/* 适用于平板和桌面设备的样式 */  
@media (min-width: 768px) and (max-width: 1200px) {  
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .loginWrapper{
    padding:0 30px;
  }
}
  
/* 适用于手机的样式 */  
@media (max-width: 767px) {  
  .container{
    width:100%;
  } 
  .loginWrapper{
    padding:0 20px;
  }
  .loginRight{
    padding:20px !important;
  }
}
/* 单行省略 */
.singleLine{
  overflow: hidden;  
  text-overflow: ellipsis; 
  white-space: nowrap; 
}
/* 多行省略-2 */
.moreLineTwo{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden;
}
/* 多行省略-3 */
.moreLineThree{
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3; 
  overflow: hidden;
}
/* 多行省略-4 */
.moreLineFour{
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 4; 
  overflow: hidden;
}
/* 主题渐变色 */
.themeGradientColor{
  background-image: linear-gradient( 150deg, rgb(38,106,242) 0%, rgb(118,160,245) 100%);
  background-image: -moz-linear-gradient(  150deg, rgb(38,106,242) 0%, rgb(118,160,245) 100%);
  background-image: -webkit-linear-gradient(  150deg, rgb(38,106,242) 0%, rgb(118,160,245) 100%);
  background-image: -ms-linear-gradient( 150deg, rgb(38,106,242) 0%, rgb(118,160,245) 100%); 
}
/* 字体颜色 */
.fontColor{
  color: rgba(0,0,0,.65);
}